body {
  margin: 0;
  padding: 0;
}

$scroll-size: 6px;
body,
div,
section,
aside,
main,
ul {
  scrollbar-color: rgba($color: $mainColor, $alpha: 0.7) transparent;
  scrollbar-width: $scroll-size;
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: $scroll-size; /*高宽分别对应横竖滚动条的尺寸*/
    height: $scroll-size;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: $scroll-size;
    // box-shadow: inset 0 0 $scroll-size / 2 #e3e3e3;
    background: rgba($color: $mainColor, $alpha: 0.7);
  }
  &::-webkit-scrollbar-thumb:hover {
    /*滚动条里面小方块*/
    border-radius: $scroll-size;
    // box-shadow: inset 0 0 $scroll-size / 2 #cfd1d3;
    background: rgba($color: $mainColor, $alpha: 1);
  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 calc(#{$scroll-size} / 2) transparent;
    border-radius: $scroll-size;
    background: transparent;
  }
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
